<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>活动策略</title>
    <link rel="stylesheet" href="/custom/css/m/common/normalize.min.css">
    <link rel="stylesheet" href="/custom/css/m/common/common.min.css">
    <link rel="stylesheet" href="/cadmin-ajax/plugins/Swiper/dist/css/swiper.min.css">
    <link rel="stylesheet" href="/cadmin-ajax/plugins/baguette/baguetteBox.min.css">
    <link rel="stylesheet" href="/custom/css/m/acms/j_reset.min.css">
    <link rel="stylesheet" href="/custom/css/m/acms/project-template-strategy.min.css">
    <script type="text/javascript">
    function get_hfs() {
        document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
    }
    get_hfs();

    function throttle(method, context) {
        clearTimeout(method.timer);
        method.timer = setTimeout(function() {
            method.call(context);
        }, 100);
    }
    window.onresize = function() {
        throttle(get_hfs);
    }
    </script>
</head>
<!--专属单词: strategy:策略 -->
<!-- ^_^
前后缀缩写说明:
前缀:1. g_ grid布局 2. m_ module模块 3. j_ js交互
后缀:1. _h head头部 2. _b body主体 3. _f foot尾部 4. _s section段落 5. _n nav导航 6. _a article/aside部分/其他 7. _c control控制 8. _e explain说明 9. _l list列表
^_^ -->

<body class="body">
    <div class="content">
        <!-- 头部大图 -->
        <div class="banner">
            <h1 class="banner-info">伊利大果粒<br>扫码抢红包</h1>
            <img src="/custom/img/m/acms/fudai.png" class="banner-img">
            <p class="banner-time">活动时间：2017年5月1日-12月31日</p>
            <ul class="banner-mask clearfix">
                <li class="banner-mask_item">
                    2017/04/18-2017/06/30
                </li>
                <li class="banner-mask_item spread">
                    #扫码抽奖
                </li>
            </ul>
        </div>
        <!-- 活动与数据 -->
        <div class="g_strategy_data">
            <div class="data_title">
                <h3>芙蓉王扫码活动</h3></div>
            <div class="base_data">
                <h5>基础数据</h5>
                <div class="data_wall">
                    <div class="data_boxs">
                        <div class="data_box">
                            <img src="/custom/img/m/acms/notice_07.png" alt="tb">
                            <h6>用户访问量</h6>
                            <p>1,222,3333,111</p>
                        </div>
                        <div class="data_box">
                            <img src="/custom/img/m/acms/notice_09.png" alt="tb">
                            <h6>页面访问量</h6>
                            <p>1,222,3333,111</p>
                        </div>
                        <div class="data_box">
                            <img src="/custom/img/m/acms/notice_12.png" alt="tb">
                            <h6>扫码访问量</h6>
                            <p>1,222,3333,111</p>
                        </div>
                        <div class="data_box">
                            <img src="/custom/img/m/acms/notice_07.png" alt="tb">
                            <h6>其他访问量</h6>
                            <p>1,222,3333,111</p>
                        </div>
                        <div class="data_box">
                            <img src="/custom/img/m/acms/notice_07.png" alt="tb">
                            <h6>其他访问量</h6>
                            <p>1,222,3333,111</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 礼品策略 -->
        <div class="g_strategy_set">
            <div class="set_switch">
                <div class="switch_n">
                    <ul>
                        <li>活动属性</li>
                        <li>公告配置</li>
                        <li class="j_active">礼品策略</li>
                        <li>关联码包</li>
                        <li>权限管理</li>
                        <li>其他管理</li>
                    </ul>
                </div>
            </div>
            <div class="set_boxs">
                <div class="m_set gift">
                    <h3>礼品列表</h3>
                    <div class="gifts">
                        <div class="gifts_box">
                            <div class="gift_s">
                                <img src="/custom/img/m/acms/celue_07.png" alt="">
                                <h5>红包188元</h5>
                                <p>剩余库存:<span>88888</span>个</p>
                                <p>需要拆礼盒</p>
                                <p>默认概率:<span>20%</span></p>
                            </div>
                            <div class="gift_s">
                                <img src="/custom/img/m/acms/celue_07.png" alt="">
                                <h5>红包188元</h5>
                                <p>剩余库存:<span>88888</span>个</p>
                                <p>需要拆礼盒</p>
                                <p>默认概率:<span>20%</span></p>
                            </div>
                            <div class="gift_s">
                                <h3 class="j_add_gift"></h3>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="m_set strategy">
                    <h3>策略配置</h3>
                    <div class="first_set">
                        首次必中
                        <select name="first_bag" id="">
                            <option value="1">红包1.88元</option>
                            <option value="2">红包2.88元</option>
                        </select>
                        <select name="first_time" id="">
                            <option value="1">整个活动期间</option>
                            <option value="2">三个月</option>
                        </select>
                        <br>
                        <select name="third_bag" id="">
                            <option value="1">3</option>
                            <option value="2">5</option>
                        </select>
                        次之后概率降低
                        <select name="third_time" id="">
                            <option value="1">整个活动期间</option>
                            <option value="2">三个月</option>
                        </select>
                        <a href="">对应概率</a>
                    </div>
                    <div class="people_set">
                        <div class="set_a">
                            <p>灰名单策略</p>
                            <button>对应概率</button>
                            <button>灰名单规则</button>
                            <button>灰名单名单</button>
                        </div>
                        <div class="set_a">
                            <p>灰名单策略</p>
                            <button>对应概率</button>
                            <button>白名单规则</button>
                            <button>白名单名单</button>
                        </div>
                    </div>
                </div>
                <div class="m_set waring">
                    <h3>预警配置</h3>
                    <div class="set_l">
                        <p>礼品库存提醒点</p>
                        <select name="kokc" id="">
                            <option value="1">1000</option>
                            <option value="2">100</option>
                        </select>
                    </div>
                    <div class="set_l">
                        <p>当日礼品总费用提醒点</p>
                        <select name="drlpzfy" id="">
                            <option value="1">10000</option>
                            <option value="2">1000</option>
                        </select>
                    </div>
                    <div class="set_l">
                        <p>礼品总费用提醒点</p>
                        <select name="lpzfy" id="">
                            <option value="1">100000</option>
                            <option value="2">10000</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <!-- 底部按钮 -->
        <div class="g_strategy_btn">
            <button>活动数据</button>
            <button>点击体验</button>
        </div>
        <!-- 弹窗 -->
        <div class="g_strategy_pop hide">
            <!-- 礼品配置 -->
            <div class="pop_box pop_box1 hide">
                <div class="box_h">
                    <h2>礼品配置</h2>
                </div>
                <div class="box_gift_b">
                    <div class="gift_s">
                        <h5>礼品选择</h5>
                        <div class="gift_boxs">
                            <div class="gift_box clearfix">
                                <div class="m_box j_active">
                                    <img src="/custom/img/m/acms/celue_07.png" alt="hb_img">
                                    <p>红包1元</p>
                                </div>
                                <div class="m_box">
                                    <img src="/custom/img/m/acms/celue_07.png" alt="hb_img">
                                    <p>红包10元</p>
                                </div>
                                <div class="m_box">
                                    <img src="/custom/img/m/acms/celue_07.png" alt="hb_img">
                                    <p>红包100元</p>
                                </div>
                                <div class="m_box">
                                    <img src="/custom/img/m/acms/celue_07.png" alt="hb_img">
                                    <p>红包2元</p>
                                </div>
                                <div class="m_box">
                                    <img src="/custom/img/m/acms/celue_07.png" alt="hb_img">
                                    <p>红包20元</p>
                                </div>
                                <div class="m_box">
                                    <img src="/custom/img/m/acms/celue_07.png" alt="hb_img">
                                    <p>红包200元</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="gift_c">
                        <div class="gift_l total_a">
                            <h5>库存设置</h5>
                            <div class="m_input">
                                <p>剩余库存:</p>
                                <input type="text" name="" placeholder="请输入库存数量">
                            </div>
                        </div>
                        <div class="gift_l mode_a">
                            <h5>参与方式</h5>
                            <h6>是否需要拆礼盒</h6>
                            <div class="menu_c">
                                <div class="yes_c  j_active">是</div>
                                <div class="no_c">否</div>
                            </div>
                        </div>
                        <div class="gift_l percent_a">
                            <h5>概率设置</h5>
                            <div class="m_input">
                                <p>默认概率:</p>
                                <input type="text" name="" placeholder="请输入默认概率">
                            </div>
                            <h6>概率有误,请重新输入!</h6>
                        </div>
                    </div>
                </div>
                <div class="box_f">
                    <div class="menu_h">
                        <div class="menu_btns">
                            <button class="j_yes">确定</button>
                            <button class="j_no">取消</button>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 对应概率 -->
            <div class="pop_box pop_box2 hide">
                <div class="box_h">
                    <h2>对应概率</h2>
                </div>
                <div class="box_num_b">
                <div class="m_num">
                    <p>现金红包1元</p>
                    <input type="text" value="20%">
                </div>
                                <div class="m_num">
                    <p>现金红包2元</p>
                    <input type="text" value="20%">
                </div>
                                <div class="m_num">
                    <p>现金红包3元</p>
                    <input type="text" value="20%">
                </div>
                                <div class="m_num">
                    <p>现金红包4元</p>
                    <input type="text" value="20%">
                </div>
                                <div class="m_num">
                    <p>现金红包5元</p>
                    <input type="text" value="20%">
                </div>
                                <div class="m_num">
                    <p>现金红包6元</p>
                    <input type="text" value="20%">
                </div>
                                <div class="m_num">
                    <p>现金红包7元</p>
                    <input type="text" value="20%">
                </div>
                </div>
                <div class="box_f">
                    <div class="menu_h">
                        <div class="menu_btns">
                            <button class="j_yes">确定</button>
                            <button class="j_no">取消</button>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 黑白名单 -->
            <div class="pop_box pop_box3 hide">
                <div class="box_h">
                    <h2>名单</h2>
                    <h3>(总数: <span>233</span> 人)</h3>
                </div>
                <div class="box_list_b">
                    <div class="m_people">
                        <h5 class="name">微信名称</h5>
                        <h5 class="phone">12311112222</h5>
                    </div>
                                        <div class="m_people">
                        <h5 class="name">微信名称</h5>
                        <h5 class="phone">12311112222</h5>
                    </div>
                                        <div class="m_people">
                        <h5 class="name">微信名称</h5>
                        <h5 class="phone">12311112222</h5>
                    </div>
                                        <div class="m_people">
                        <h5 class="name">微信名称</h5>
                        <h5 class="phone">12311112222</h5>
                    </div>
                                        <div class="m_people">
                        <h5 class="name">微信名称</h5>
                        <h5 class="phone">12311112222</h5>
                    </div>
                                        <div class="m_people">
                        <h5 class="name">微信名称</h5>
                        <h5 class="phone">12311112222</h5>
                    </div>
                                        <div class="m_people">
                        <h5 class="name">微信名称</h5>
                        <h5 class="phone">12311112222</h5>
                    </div>
                </div>
                <div class="box_f">
                    <div class="menu_h">
                        <div class="menu_btns">
                            <button class="j_yes">确定</button>
                            <button class="j_no">取消</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="/cadmin-ajax/plugins/jquery/jquery-3.2.1.min.js"></script>
    <script src="/cadmin-ajax/plugins/jquery/jquery-3.2.1.min.js"></script>
    <script src="/custom/js/m/common/common.min.js"></script>
    <script src="/cadmin-ajax/plugins/baguette/baguetteBox.min.js"></script>
    <script src="/cadmin-ajax/plugins/Swiper/dist/js/swiper.jquery.min.js"></script>
    <script src="/custom/js/m/acms/project-template-strategy.min.js"></script>
</body>

</html>
